<template>
  <view class="content2">
    <view class="agreeTitle">薪资管家申请</view>
    <view class="agreeConBox">
      <image
        class="agreeIcon"
        src="../../../static/components/agreement.png"
        mode="aspectFill"
      ></image>
      <text class="agreeCon">读取您的身份信息（姓名、身份证号）办理业务</text>
    </view>
    <view class="agreeSubCon">点击"同意授权"即代表同意<text :style="{color: '#00b893'}">《个人信息共享授权协议》</text></view>
    <view class="agreeBtnWrap">
      <view class="agreeCancelBtn" @click="agreeCancelClick">拒绝</view>
      <view class="agreeOkBtn" @click="agreeOkClick">同意授权</view>
    </view>
  </view>
</template>

<script>

export default {
  data() {
    return {
    };
  },
  methods: {
     //协议-取消
    agreeCancelClick() {
      uni.redirectTo({
          url: `/pages/index/index`,
        });
    },
    //协议-同意
    agreeOkClick() {
      uni.redirectTo({
        url: `/pages/index/index?status=1`,
      });
    },
  },
};
</script>

<style lang="scss">
.content2 {
  width: 100%;
  height: auto;
  min-height: 100%;
  padding: 0 32rpx;
  box-sizing: border-box;
  overflow: hidden;
  .agreeTitle {
    margin-top: 128rpx;
    font-size: 48rpx;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #333333;
  }
  .agreeConBox {
    position: relative;
    margin-top: 68rpx;
    .agreeIcon {
      position: absolute;
      left: 7rpx;
      top: 10rpx;
      margin-right: 16rpx;
      width: 34rpx;
      height: 34rpx;
    }
    .agreeCon {
      font-size: 36rpx;
      font-family: PingFangSC-Regular, PingFang SC;
      font-weight: 400;
      color: #333333;
      text-indent: 65rpx;
      display: inline-block;
      line-height: 52rpx;
    }
  }
  .agreeSubCon {
    margin-top: 192rpx;
    font-size: 28rpx;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #333333;
  }
  .agreeBtnWrap {
    width: calc(100% - 0);
    height: 88rpx;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 48rpx;
    margin-bottom: 48rpx;
    .agreeCancelBtn, .agreeOkBtn {
      flex: 1;
      line-height: 88rpx;
      border-radius: 8rpx;
      background: #ffa900;
      font-size: 36rpx;
      font-family: PingFangSC-Regular, PingFang SC;
      font-weight: 500;
      color: #ffffff;
      text-align: center;
    }
    .agreeCancelBtn {
      background: #ffffff;
      color: #ffa900;
      margin-right: 32rpx;
      border: 1px solid #ffa900;
    }
  }
}
</style>
